import { DashboardStats } from '@/components/dashboard/DashboardStats'
import { RecentActivity } from '@/components/dashboard/RecentActivity'
import { QuickActions } from '@/components/dashboard/QuickActions'
import { SystemStatus } from '@/components/dashboard/SystemStatus'
import { 
  CompactLayout, 
  CompactHeading, 
  CompactSubheading,
  CompactGrid 
} from '@/components/ui/compact-layout'

export default function DashboardPage() {
  return (
    <CompactLayout spacing="md" padding="md">
      {/* 页面标题 */}
      <div className="flex items-center justify-between">
        <div>
          <CompactHeading>仪表盘</CompactHeading>
          <CompactSubheading>
            欢迎回来！这里是您的管理后台概览
          </CompactSubheading>
        </div>
      </div>

      {/* 统计卡片 */}
      <DashboardStats />

      {/* 主要内容区域 */}
      <CompactGrid cols={3}>
        {/* 快速操作 */}
        <div>
          <QuickActions />
        </div>

        {/* 系统状态 */}
        <div>
          <SystemStatus />
        </div>

        {/* 最近活动 */}
        <div>
          <RecentActivity />
        </div>
      </CompactGrid>
    </CompactLayout>
  )
}
